<template>
  <div>
    <x-header :left-options="{backText: ''}" style="background-color:#31b9b8;">迎新招生（学生版）</x-header>
    <grid :rows="3">
      <grid-item :label="nav.text" v-for="nav in NavList" :key="nav.text" @on-item-click="goFirst(nav.path)">
        <img slot="icon" :src="nav.icon_url">
      </grid-item>
    </grid>
  </div>
</template>
<script>
  import {XHeader, Grid, GridItem, GroupTitle} from 'vux'

  export default {
    components: {
      XHeader,
      Grid,
      GridItem,
      GroupTitle
    },
    methods: {
      goFirst (P) {
        console.log(P)
        this.$router.push({path: P})
      }
    },
    data () {
      return {
        NavList: [{
          'text': '报到预登记',
          'icon_url': '/static/img/index/1.png',
          'path': '/bdydj'
        }, {
          'text': '办事指南',
          'icon_url': '/static/img/index/2.png',
          'path': '/bszn'
        }, {
          'text': '通讯录',
          'icon_url': '/static/img/index/3.png',
          'path': '/txl'
        }, {
          'text': '个人信息',
          'icon_url': '/static/img/index/4.png',
          'path': '/grxx'
        }, {
          'text': '家庭信息',
          'icon_url': '/static/img/index/5.png',
          'path': '/jtxx'
        }, {
          'text': '我的缴费单',
          'icon_url': '/static/img/index/6.png',
          'path': '/wdjfd'
        }]
      }
    }
  }
</script>

<style scoped>
  .grid-center {
    display: block;
    text-align: center;
    color: #666;
  }
</style>
